<!doctype html>
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>检测进度查询</title>
    <meta name="viewport"
        content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />
    <link rel="stylesheet" href="/admin/viewBatchStatus/mbase_v6.css" />
    <link rel="stylesheet" href="/admin/viewBatchStatus/query_result.css" />
    <style>
    .cominfo .logo {
        border-radius: 0%;
    }
    body {
        background-color: #FEFEFE;
    }
    .progress,.progress-bar,.sr-only{height:10px; font-size:0;line-height:0}
    .progress{overflow:hidden; width:100%;-khtml-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
    .progress-bar{width:100%;background-color:#efefef}
    /* 以下控制进度条颜色 */
    .sr-only{display:inline-block; background-color:#337ab7}
    </style>
</head>

<body>
   
    <div class="common-header">
        <div class="common-title">检测进度查询</div>
    </div>
    <div id="main" class="container">
        <div class="main">
            <div class="flex cominfo">
                {{-- <div class="logo" style="background-image: url(&quot;/admin/reg/HB.ico&quot;);"></div> --}}
                <div class="text">
                    <div class="name">
                        {{ $name_rep }}
                    </div>
                </div>
            </div>
            <section class="result-box">
                <div class="result-success" style="">
                    <div id="resultTop" class="flex result-top">
                        <span style="margin-left:7px">时间</span> <span style="margin-left:100px">检测进度跟踪</span>
                    </div>

                    <ul class="result-list">
                        @if ($status_time_info->sendback_end)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($status_time_info->sendback_end))}}</div>
                                    <div>{{date('H:i',strtotime($status_time_info->sendback_end))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【退样完成】样品已退还给客户</div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【退样完成】样品已退还给客户</div>
                            </li>
                        @endif
                        
                        @if ($status_time_info->report_end)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($status_time_info->report_end))}}</div>
                                    <div>{{date('H:i',strtotime($status_time_info->report_end))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【检测报告编制完成】</div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【检测报告编制完成】</div>
                            </li>
                        @endif
                        
                        @if ($status_time_info->approve_end)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($status_time_info->approve_end))}}</div>
                                    <div>{{date('H:i',strtotime($status_time_info->approve_end))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【批准完成】</div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【批准完成】</div>
                            </li>
                        @endif
                        
                        @if ($status_time_info->check_end)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($status_time_info->check_end))}}</div>
                                    <div>{{date('H:i',strtotime($status_time_info->check_end))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【审核完成】</div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【审核完成】</div>
                            </li>
                        @endif
                        
                        @if ($status_time_info->test_end)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($status_time_info->test_end))}}</div>
                                    <div>{{date('H:i',strtotime($status_time_info->test_end))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【检测完成】</div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【检测完成】</div>
                            </li>
                        @endif

                        @if ($status_time_info->test_start)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($status_time_info->test_start))}}</div>
                                    <div>{{date('H:i',strtotime($status_time_info->test_start))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【检测中】<br>
                                    <p style="text-align: center;"><small>已完成 {{$rate}}%</small></p>
                                    <div class="progress radius">
                                        <div class="progress-bar">
                                            <span class="sr-only" style="width:{{$rate}}%"></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【检测中】<br>
                                    <p style="text-align: center;"><small>已完成 0.0%</small></p>
                                    <div class="progress radius">
                                        <div class="progress-bar">
                                            <span class="sr-only" style="width:0%"></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        @endif

                        @if ($created_at)
                            <li class="last finish">
                                <div class="time">
                                    <div>{{date('Y.m.d',strtotime($created_at))}}</div>
                                    <div>{{date('H:i',strtotime($created_at))}}</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【业务受理】</div>
                            </li>
                        @else
                            <li class="">
                                <div class="time">
                                    <div>----.--.--</div>
                                    <div>--:--</div>
                                </div>
                                <div class="dot"></div>
                                <div class="text">【业务受理】</div>
                            </li>
                        @endif
                    </ul>
                    {{-- <div class="feedback">如需帮助，可拨打客服电话<a href="tel:03127500013"> 0312-7500013</a></div> --}}
                </div>
                <div class="result-fail m-placeholder" style="display:none">
                    <img src="https://cdn.kuaidi100.com/images/m/placeholders/empty.png" alt="" class="img">
                    <p style="">如需帮助，可拨打客服电话<a href="tel:03127500013">0312-7500013</a></p>
                </div>
            </section>
        </div>
    </div>
</body>

</html>